body{
    margin: 0px;
    padding: 0px;
}
#container-contacts{
    width: 300px;
    font-family: Arial;
}
#container-contacts .container-borders{
    border: solid 1px #335EA8;
    border-bottom: 0px;
    border-top: 0px;
    font-size: 10pt;        
}
#container-contacts #contacts .item {
    border: solid 1px #FFFFFF;
    border-left: 0px;
    border-right: 0px;
    cursor: default;
    line-height: 18px;
}
#container-contacts h2{
    padding: 0px 0px 4px 5px;
    margin: 0px 0px 7px 0px;
    border-bottom: solid 1px #CCD1DB;
    background-color: #E6ECF8;
    font-size: 13.5pt;
}
#container-contacts .dim-items .item{
    color: #666666;
}
#container-contacts .dim-items .show-details{
    color: #000000;
}
#container-contacts .dim-items a:link{
    color: #7777CC;
}
#container-contacts .dim-items .show-details  a:link{
    color: #0000FF;
}
#container-contacts #contacts .item  .details{
    display: none;
}
#container-contacts #contacts .item .name{
    clear: left;
    float: left;
    width: 88px;
    padding-left: 7px;
}
#container-contacts #contacts  .show-details{
    background: #EFEFEF;
    border: solid 1px #666666;
    border-left: 0px;
    border-right: 0px;
}
#container-contacts #contacts  .show-details .details{
    display: block;
    background: #EFEFEF;
    border: solid 1px #666666;
    border-top: 0px;
    margin-left: 88px;
    width: 202px;
    position: absolute;
    padding-left: 7px;
    padding-bottom: 7px;
}
#container-contacts #contacts .show-details .name{
    font-weight: bold;
}
#container-contacts #contacts .show-details .avatar{
    position: absolute;
    top: -12px;
    right: 4px;
}
#container-contacts #contacts .show-details .city, #container-contacts #contacts .show-details .province, #container-contacts #contacts .show-details .postalCode{
    display: inline;
    padding-right: .3em;
}
#container-contacts  .container-sortby{
    height: 25px;
    text-align: right;
    padding-top: 19px;
    padding-right: 6px;
}
#container-contacts .container-sortby .hide{
    display: none;
}
#container-contacts .container-sortby select{
    width: 135px;
}
/* Images,  the images could have been handled a little nicer, but I'm focusing on functionality  */
#container-contacts .container-sortby{
    background: url('GoogleExerciseBottomGradiant.png') repeat-x bottom left;
}
#container-contacts .image-top{
    background: #FFFFFF url('GoogleExerciseTop.png') no-repeat bottom center;
    height: 6px;
}
#container-contacts .image-bottom{
    background: #FFFFFF url('GoogleExerciseBottom.png') no-repeat top center;
    height: 6px;
}